<div id="hyper-subpage" class="container-fluid" style="float:left;">
	<div class="row">
		<div class="col-lg-12">
			<h3 class="page-header"><svg data-src="svg/general.svg" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="conf_general_label_title">General</span></h3>
			<div class="row" id="conf_cont">
				<div class="col-lg-6" id="inst_desc">
					<div class="card card-default">
						<div class="card-header"><svg data-src="svg/general_instances.svg" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="conf_general_inst_title"></span></div>
						<div class="card-body">
							<div id="inst_desc_cont"></div>
							<div id="instanceList" class="container">								
								<div class="row">
									<div class="col-4 border-bottom pt-2 pb-2"><span data-i18n="conf_general_inst_namehead" class="fw-bold">Instance</span></div>
									<div class="col-8 border-bottom pt-2 pb-2 text-center"><span data-i18n="conf_general_inst_actionhead" class="fw-bold">Action</span></div>
								</div>
							</div>
							<div style="margin: 15px 0; border-top: 1px solid #d0d0d0;"></div>
							<div class="row">
								<div class="col-lg-6 fw-bold">
									<p data-i18n="conf_general_inst_name_title" ></p>
								</div>
								<div class="col-lg-6">
									<input class="form-control" id="inst_name" type="text" />
								</div>
								<div class="col-lg-6">
									<span id="inst_chars_needed"><br /></span>
								</div>
							</div>
						</div>
						<div class="card-footer" style="text-align: right;">
							<button class="btn btn-primary" id="btn_create_inst" data-i18n="conf_general_createInst_btn" disabled>Create New Instance</button>
						</div>
					</div>
				</div>
				<div class="col-lg-6" id="conf_imp">
					<div class="card card-default">
						<div class="card-header"><svg data-src="svg/general_backup.svg" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="conf_general_impexp_title"></span></div>
						<div class="card-body">
							<p data-i18n="conf_general_impexp_l1"></p>
							<p data-i18n="conf_general_impexp_l2" style="color:red;"></p>
							<input class="form-control" type="file" id="select_import_conf" accept=".json" />
						</div>
						<div class="card-footer" style="text-align: right;">
							<button type="file" class="btn btn-primary" id="btn_import_conf" data-i18n="conf_general_impexp_impbtn" disabled>Import</button>
							<button class="btn btn-primary" id="btn_export_conf" data-i18n="conf_general_impexp_expbtn">Export</button>
						</div>
					</div>
					<div id="conf_cont_logs"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$.getScript("/js/general.js");
</script>
